@import 'src/res/theme/xxhz';
.curtainRoot {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 999999;
  transform: translateZ(1px);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  .exchangeCode-root{
    width: 80%;
    border-radius: 10px;
    padding-bottom: 60px;
    padding-top: 20px;
    background: url("https://resource.ivcheng.com/resources/images/exchange-bg.png") no-repeat 100% 100%;
    background-size: contain;
    position: relative;
    .close{
      position: absolute;
      top: 30px;
      right: 20px;
    }
    .button2{
      .at-button{
        border: 1px solid #FF623E;
      }
    }
    .item-one{

      border-radius: 4px;
    }
  }

  .title{
    color:#FF623E;
    padding: 24px 0;
    font-size: 34px;
    text-align: center;
    position: relative;
    box-sizing: border-box;
  }
  //.title:after{
  //  content: '';
  //  width: 30rpx;
  //  height: 15rpx;
  //  background-color: rgba(0, 0, 0, 0.6);
  //  border-radius: 30rpx 30rpx 0 0;
  //  transform: rotate(-90deg);
  //  position: absolute;
  //  top: -7rpx;
  //  right:0rpx;
  //}
  .item{
    width: 80%;
    margin: auto;
  }
  .tips{
    color: #FF623E;
    margin: 10px 0;
    text-align: center;
    font-size: 24px;
    height: 26px;
  }

  .at-input input {
    font-size: 26px;
    text-align: center;
  }
    .at-button{
    color: #fff;
    background: #FF623E;
    .at-button__text{
      font-size: 28px;
    }
  }
}
.coupon-detail-root{
  width: 100%;
  .coupon-wow{
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    z-index: 11;
    .coupon-wow-bj{
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top:0;
      z-index: 1;
      background: rgba(0,0,0,0.5);
    }
    .coupon-wow-img{
      width: 584px;
      height: 824px;
      position: absolute;
      z-index: 111;
      left: 83px;
      top: 35px;
    }
    .coupon-wow-save{
      position: absolute;
      z-index: 112;
      bottom: 160px;
      left: calc(50% - 20%);
      width: 40%;
      height: 66px;
      line-height: 66px;
      text-align: center;
      color: #fff;
      text-align: center;
      border-radius: 33px;
      background: #f7a33d;
    }
    .coupon-wow-save-h5{
      position: absolute;
      z-index: 112;
      bottom: 160px;
      left: calc(50% - 32%);
      width: 64%;
      height: 66px;
      line-height: 66px;
      text-align: center;
      color: #fff;
      text-align: center;
      border-radius: 33px;
      background: #f7a33d;
    }
  }
  .top-info{
    width: 100%;
    height: 528px;
    background: url("https://resource.ivcheng.com/resources/images/couponbj.jpg") no-repeat center top;
    background-size: cover;
    position: relative;
    text-align: center;
    color: #fff;
    .top-info-share{
      position: absolute;
      width: 80px;
      height: 80px;
      top:20px;
      right: 20px;
      background: none;
      padding: 0;
      line-height: 1.2;
      border: none;
      &:after{
        border: none;
      }
      .xxhz{
        font-weight: 100;
      }
    }
    .top-info-mj{
      font-size: 42px;
      padding: 70px 0 30px;
    }
    .top-info-e{
      font-size: 50px;
      text,.taro-text{
        font-size: 110px;
      }
    }
    .top-info-xz{
      opacity: 0.79;
      font-size: 34px;
      line-height: 90px;
    }
    .top-info-lq{
      background: white;
      color: #ee7571;
      font-size: 30px;
      width: 240px;
      text-align: center;
      height: 64px;
      line-height: 64px;
      border-radius: 32px;
      margin: 15px auto 0;
    }
    .top-info-lq-p{
      width: 150px;
      height: 150px;
    }
  }
  .more-info{
    background: white;
    padding:30px  0;
    .more-info-item {
      width: 100%;
      padding:20px 40px;
      box-sizing: border-box;
      .more-info-title {
        font-size: 26px;
        color: #888888;
        line-height: 66px;
      }
      .more-info-desc {
        line-height: 66px;
        font-size: 26px;
        color: #333333;
      }
    }
  }
}
.exchange-code-root{

  .top-info{
    height: 620px!important;
    background: url('https://resource.ivcheng.com/resources/images/xchangecode.jpg') no-repeat center top;
    background-size: cover;
  }
  .top-info-e{
    display: flex;
    justify-content: center;
    align-items: baseline;
  }
  .jifen{
    font-size: 26px;
  }
}
.at-input::after{
  border: none;
}
.at-input{
  margin-left: 0;
  border: 1px solid #E0E0DF;
}
